<template>
  <main>
    <div class="common-layout">
        <el-container>
          <el-header>Header</el-header>
          <el-main>
            <el-input
              v-model="input"
              style="width: 240px"
              placeholder="请输入用户名"
              clearable
            />

            <el-input
              v-model="input"
              style="width: 240px"
              type="password"
              placeholder="请输入密码"
              clearable
              show-password
            />

            <el-input
              v-model="input"
              style="width: 240px"
              type="password"
              placeholder="请重复密码"
              clearable
              show-password
            />
          </el-main>
        </el-container>
    </div>
  </main>
</template>

<script>
import { ElMessage } from 'element-plus'

export default {
  data() {
    return {
      userName: "",
      password: "",
      confirmPassword: ""
    }
  },
  methods: {
    showMessage () {
      console.log("按下了")
      ElMessage.info("INFO 消息")
    }
  },
  mounted() {
    console.log('用户注册页');
  }

}
</script>
